import {observable,action} from 'mobx';

// https://segmentfault.com/a/1190000037619304
/* mobx4.x/5.x 与 mobx6.x 区别; 
最新版store的写法已经改变,   
import { makeAutoObservable } from "mobx"
constructor() {
    makeAutoObservable(this)
}
需要这一句完成 页面即时渲染
 */
import { makeAutoObservable } from "mobx"
class AppStore {
    constructor() {
        this.name = 'store的默认姓名'
        makeAutoObservable(this)
    }
    // 被观察者 
    // @observable 变量名 = 值
    // mobx6.x  可以省略 observable和action
    @observable name; 
    
    @observable values = {
        username : "admin",
        sex : "男"
    }
    
    // @action 方法名(参数) {
    //     console.log(参数)
    // }
    @action setName(value){//改变store中的 state
        this.name = value
    }
}
const store = new AppStore() 
export default store